import { Tag } from 'antd';

export const Column = [
  {
    title: 'Name',
    dataIndex: 'name',
    editable: true,
    children: [
      {
        title: 'First Name',
        dataIndex: 'firstName',
        key: 'firstName',
      },
      {
        title: 'Last Name',
        dataIndex: 'lastName',
        key: 'lastName',
      },
    ],
    inputType: 'text',
  },
  {
    title: 'Age',
    dataIndex: 'age',
    key: 'age',
    editable: true,
    inputType: 'number',
  },
  {
    title: 'Address',
    dataIndex: 'address',
    key: 'address',
    editable: true,
    inputType: 'text',
  },
  {
    title: 'tags',
    dataIndex: 'tags',
    key: 'tags',
    editable: true,
    inputType: 'text',
    render: (row) => {
      return row.map((item) => {
        return (
          <Tag color="blue" key={item}>
            {item}
          </Tag>
        );
      });
    },
  },
];
